<template>
  <div class="page-adviser-detail">
      <div class="item">
        <div class="img">
          <img v-lazy="detail.headimg" alt="">
        </div>
        <div class="txt">
          <h4>{{detail.name}}</h4>
          <p>{{detail.desc}}</p>
        </div>
      </div>
  </div>
</template>


<script>
export default {
  data(){
    return {
      detail: {}
    }
  },
  created(){
    this.detail = JSON.parse(localStorage.adviserDetail)
  }
}
</script>

<style lang="less" scoped>
.page-adviser-detail{
  .item{
      margin-bottom: 10px;
      padding: 15px;
      .img{
        position: relative;
        width: 240px;
        height: 240px;
        margin: 0 auto;
        border-radius: 50%;
        overflow: hidden;
        img{
          display: block;
          min-width: 100%;
          min-height: 100%;
        }
      }
      .txt{
        padding: 20px 10px;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
        text-align: center;
        &>h4{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 40px;
          font-size: 18px;
          padding-right: 10px;
          position: relative;
        }
        &>p{
          line-height: 20px;
          font-size: 12px;
          color: #666;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
    }
}
</style>
